<!DOCTYPE html>
<html>
    <%- include('components/head.ejs'); %>
    <body>
        <%- include('components/header.ejs'); %>
        <div class="container">
            <ol class="breadcrumb">
                <li><a href="#" style="color: #000">首页</a></li>
                <li class="active">品牌文化</li>
            </ol>
            <div class="hz-impression row">
                <div class="col-xs-6" style="writing-mode: vertical-rl;font-size: 1.5em;">
                    <h2 style="margin: 0 0 0 6px">
                        一份关于惠州的温情记忆
                        <img src="/images/impression.png" alt="">
                    </h2>
                    <h3 style="margin: 11px 0 0 16px;">A Huizhou Memory</h3>
                    <p>四面荷花三面柳，半城山色半城湖。</p>
                    <p>罗浮山下四时春，卢桔杨梅次第新。</p>
                    <p>山水相嵌巽寮湾，沙滩阳光迷双眼。</p>
                    <p>远眺湛蓝成一色，你说是海还是天？</p>
                    <p>终日错错碎梦间，预游惠景舒心颜。</p>
                    <p>偷得浮生半日闲，谁知此行乐如仙。</p>
                    <p>这便是鹅城一角，怡和食品就是坐落在
                        这样一座依山傍水的城市之中</p>
                </div>
                <div class="col-xs-6">
                    <img src="/images/惠州西湖.png" alt="惠州西湖" width="100%">
                    <div style="margin-top: 6px">
                        <img src="/images/罗浮山.png" alt="罗浮山" width="49%" style="margin-right: 1%;">
                        <img src="/images/巽寮湾.png" alt="巽寮湾" width="49%">
                    </div>
                </div>
            </div>
            <div class="story" style="margin-top: 90px;">
                <center>
                    <h1>关于我们的故事</h1>
                    <h4 style="margin-left: 10em;">Story of us • LuoYiHe</h4>
                </center>
                <div id="intro" class="lyh-para">
                    <a class="scroll-anchor next-anchor" href="#brief" alt="预览"></a>
                    <div class="row">
                        <div class="col-sm-7" style="text-align: center">
                            <img style="margin-top:50px;width:470px;" src="/images/cultures/home.png" alt="">
                            <h3 style="color:#16763a;font-weight:bold;">走进 羅怡和</h3>
                            <p>每个人心底都有一块饼</p>
                            <p>让你暗自揣摩它的味道</p>
                            <p>美食所带来的快乐，有很香很香的愉悦</p>
                            <p>怡和，意在悦食和众</p>
                        </div>
                        <div class="col-sm-5">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-1.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-2.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-3.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-4.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-5.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-6.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-7.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-8.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-9.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-10.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-11.png" alt="">
                            <img class="lyh-rad-pro" src="/images/cultures/pro-12.png" alt="">
                        </div>
                    </div>
                </div>
                <div id="brief" class="lyh-para" style="text-indent: 2em;">
                    <a class="scroll-anchor next-anchor" href="#culture"></a>
                    <div style="padding: 0 6%; text-align: center">
                        <img src="/images/cultures/luoyihe.png" style="margin-right: 20%;" alt="">
                        <img src="/images/cultures/logo.png" style="margin-right: 20%;" alt="">
                        <img src="/images/cultures/milaoban.png" alt="">
                    </div>
                    <p style="text-indent: 2em;margin-top: 80px;">
                        “羅怡和”：美食所带来的快乐，有很香很香的愉悦。怡和，意在悦食和众。
                    </p>
                    <p style="text-indent: 2em">
                        承袭惠州百年历史文化底蕴，以惠州故地美食为主，并致力于挖掘古老的、原滋原味的民间美食。
                        志在呈现消费者色、香、味及营养的健康传统美食。
                    </p>
                    <ul>
                        <li class="row">
                            <img style="float: left;width: 9%;padding: 15px;margin-left: 9%;"
                                 src="/images/cultures/create.jpg" alt="">
                            <div style="float: left;width: 4%;margin: 51px 20px 0 7px;height: 1px;background-color: #c70102;"></div>
                            <div class="col-xs-8 border-dot">
                                <p>
                                    1996年，怡和诞生在中国客家文化名城——惠州，自创立之初，秉持“弘扬中华
                                    食品文化，把美食、健康和快乐给所有人”的企业使命，并致力于将蕴涵中国传统文化
                                    的经典食品推向世界，展示中华魅力。
                                </p>
                            </div>
                        </li>
                        <li class="row">
                            <img style="float: left;width: 9%;padding: 15px;margin-left: 9%;"
                                 src="/images/cultures/develop.jpg" alt="">
                            <div style="float: left;width: 4%;margin: 51px 20px 0 7px;height: 1px;background-color: #c70102;"></div>
                            <div class="col-xs-8 border-dot">
                                <p>
                                    2012年，改制为食品有限责任公司的“怡和食品”，以稳健、迅猛的增长态势，推动客家传统
                                    食品业的健康发展。至今，公司拥有3条自动化生产线，月饼日产能超3万个，炒米饼日产达1.5吨
                                    以上，杂粮饼日产2吨以上。产品遍布广东多个市区及周边省区。
                                </p>
                            </div>
                        </li>
                        <li class="row">
                            <img style="float: left;width: 9%;padding: 15px;margin-left: 9%;"
                                 src="/images/cultures/inherit.jpg" alt="">
                            <div style="float: left;width: 4%;margin: 51px 20px 0 7px;height: 1px;background-color: #c70102;"></div>
                            <div class="col-xs-8 border-dot">
                                <p>
                                    一道传统美食，从收集食材、创意、加工、包装，到最后出现在人们面前，其实凝
                                    结了许多人的智慧。怡和志在保留这份智慧，并应用新时代食品智慧将其发扬光大。
                                </p>
                            </div>
                        </li>
                        <li class="row">
                            <img style="float: left;width: 9%;padding: 15px;margin-left: 9%;"
                                 src="/images/cultures/quality.jpg" alt="">
                            <div style="float: left;width: 4%;margin: 51px 20px 0 7px;height: 1px;background-color: #c70102;"></div>
                            <div class="col-xs-8 border-dot">
                                <p>
                                    怡和坚持好原料好口味的原则，精选星黑芝麻、核桃仁、高山玉米片、冬瓜
                                    丁、饱满红润花生等真材实料，以此做出口感上乘，健康营养，香糯酥脆，老少
                                    皆宜的糕点。其次，配方独特。采用先进的生产技术，严格把控生产质量，提高
                                    生产效率的同时，保留传统手艺的美味。
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div id="culture" class="lyh-para">
                    <img class="para-head-img" src="/images/wenhua.png" alt="文化">
                    <a class="scroll-anchor next-anchor" href="#server"></a>
                    <div class="row" style="margin-top: 60px;">
                        <div class="col-xs-7">
                            <ul>
                                <li>
                                    <div class="row">
                                        <div class="col-xs-2">
                                            ●愿景
                                        </div>
                                        <div class="col-xs-10">
                                            专注美食制作，崇尚健康理念，我们渴望通过
                                            产品和服务把健康和快乐带给所有人。
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="row">
                                        <div class="col-xs-2">
                                            ●使命
                                        </div>
                                        <div class="col-xs-10">
                                            承中华智慧，在现代与传统中吸取精华，创新发
                                            展，承担责任，弘扬中国食品文化，为社会创造
                                            价值。
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="row">
                                        <div class="col-xs-2">
                                            ●目标
                                        </div>
                                        <div class="col-xs-10">
                                            怡和的目标是打造中国传统食品著名品牌，
                                            以传统美食为载体将中华美食文化传播到世界各
                                            地。
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="row">
                                        <div class="col-xs-2">
                                            ●价值观
                                        </div>
                                        <div class="col-xs-10">
                                            诚信，专业，尚德，创新。诚信是怡和的灵魂;
                                            专业是怡和人的态度;尚德是怡和的精神;创新
                                            是怡和的进步导向。
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-xs-5" style="position: relative;height:530px;">
                            <img class="lyh-demeanor"
                                 style="
                                 top: -60px;
                                 transform:rotate(-7deg);
                                 -ms-transform:rotate(-7deg);
                                 -moz-transform:rotate(-7deg);
                                 -webkit-transform:rotate(-7deg);
                                 -o-transform:rotate(-7deg);"
                                 src="/images/cultures/demeanor-1.png" alt="">
                            <img class="lyh-demeanor"
                                 style="
                                 right: 0;
                                 top: 140px;
                                 transform:rotate(7deg);
                                 -ms-transform:rotate(7deg);
                                 -moz-transform:rotate(7deg);
                                 -webkit-transform:rotate(7deg);
                                 -o-transform:rotate(7deg);"
                                 src="/images/cultures/demeanor-2.png" alt="">
                            <img class="lyh-demeanor"
                                 style="left: 0;
                                 top: 240px;
                                 transform:rotate(2deg);
                                 -ms-transform:rotate(2deg);
                                 -moz-transform:rotate(2deg);
                                 -webkit-transform:rotate(2deg);
                                 -o-transform:rotate(2deg);"
                                 src="/images/cultures/demeanor-3.png" alt="">
                        </div>
                    </div>
                </div>
                <div id="server" class="lyh-para">
                    <a class="scroll-anchor last-anchor" href="#culture"></a>
                    <div class="row">
                        <div class="col-xs-7">
                            <h2>产品和服务</h2>
                            <p>
                                我们承若，凡是质量问题包退换，惠州以及周边市区
                                厂家直送，承若到手不碎。较远地区物流发送，多重
                                包装保护，让宝贝更安全。
                                将更多的利润让给经销商们，弘扬中华文化，任重道远。
                                制作健康和美味的食品，是怡和自创立以来一直未变的
                                初衷。
                            </p>
                        </div>
                        <div class="col-xs-5" style="position: relative;height:530px;">
                            <img src="/images/cultures/kuaidiyuan.png" alt="服务">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <%- include('components/footer.ejs'); %>
        <script src="/plugins/jquery-1.12.4.min.js"></script>
        <script src="/plugins/bootstrap-3.3.7.min.js"></script>
        <script>
            (function(){
                $('.scroll-anchor').click(function(event) {
                    event.preventDefault();
                    // 此处正则用于转换带页面URL的锚点，如 http://abc.html#div,具体正则格式据实际情况而定
                    var targetId = $(this).attr('href').replace(/\w+.html/,'');
                    $("html,body").animate({scrollTop: $(targetId).offset().top}, 1000);
                });

                $(window).scroll(function () {
                    if ($(this).scrollTop() > 50) {
                        $('#back-to-top').fadeIn();
                    } else {
                        $('#back-to-top').fadeOut();
                    }
                });
            })()
        </script>
    </body>
</html>